<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<script src="js/jquery-1.8.0.js"></script>
	<script src="js/laydate/laydate.js"></script>
	<script src="js/common.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<title>最新优惠</title>
</head>
<body>
	 <div class="wrap">
        <div class="main" id="home">
        	<!-- 新闻中心页头 -->
        	<div id="header">
        		<div class="header_top">
        			<div class="common_width clearfix">
        				<p class="header_title">您好，欢迎您来到安徽智慧乐生活家政管理有限公司！ 您身边的家政服务专家！</p>
        				<div class="loginbar"><a href="#">登录</a>  |  <a href="#">注册</a>  |  我的预约</div>
        			</div>
        		</div>
        		<div class="nav common_width clearfix">
        			<img src="imgs/logo.gif" alt="智慧乐" class="logo_img">
        			<div class="nav_title">
        				<ul class="clearfix">
	        				<li><a href="">首页</a></li>
	        				<li><a href="">新闻中心</a></li>
	        				<li><a href="">服务项目</a></li>
	        				<li><a href="">积分商城</a></li>
	        				<li><a href="">培训学院</a></li>
	        				<li><a href="">招商加盟</a></li>
	        				<li><a href="">联系我们</a></li>
        				</ul>
        			</div>
        			<div class="pre_order">
        				<a href="">立即下单</a><a href="">快速预约</a>
        			</div>
        		</div>
        	</div>
			<div class="new_bg">
				<img src="imgs/new_bg.gif" alt="">
			</div>
        	<div class="hr_10"></div>
			<div class="service_nav common_width">
				<ul class="clearfix">
					<li><a href="">最新优惠</a></li>
					<li><a href="">家庭服务</a></li>
					<li><a href="">家政套餐</a></li>
					<li><a href="">家政师</a></li>
					<li><a href="">居家顾问</a></li>
				</ul>
			</div>
			<div class="common_width clearfix" id="news">
				<div class="new_l">
					<h2>最新优惠</h2>
					<ul>
						<li><a href="" class="new_l_active">家庭保洁</a></li>
						<li><a href="" class="aa">家居保养</a></li>
						<li><a href="" class="aa">家电清洗</a></li>
						<li><a href="" class="aa">家具洗涤</a></li>
						<li><a href="" class="aa">家庭用工</a></li>
					</ul>
				</div>
				<div class="new_r" id="service">
					<div class="family_title"><a href="">家庭服务</a> <em>&gt;</em> <a href="">家庭保洁</a> <em>&gt;</em>【家务仕】月度体验套餐</div>
					<div class="hr_34"></div>
					<div class="lastest_content clearfix">
						<div class="lastest_l">
							<div class="game163" >
								 <ul class="bigImg">
									<li>
										<a href="#" target="_blank"><img src="imgs/1.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/2.jpg" /></a>
									<li>
										<a href="#" target="_blank"><img src="imgs/1.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/2.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/1.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/2.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/1.jpg" /></a>
									</li>
									<li>
										<a href="#" target="_blank"><img src="imgs/2.jpg" /></a>
									</li>
								</ul>

								<div class="smallScroll">
									<a class="sPrev" href="javascript:void(0)">←</a>
									<div class="smallImg">
											 <ul>
												<li><a><img src="imgs/1.jpg" /></a></li>
												<li><a><img src="imgs/2.jpg" /></a></li>
												<li><a><img src="imgs/1.jpg" /></a></li>
												<li><a><img src="imgs/2.jpg" /></a></li>
												<li><a><img src="imgs/1.jpg" /></a></li>
												<li><a><img src="imgs/2.jpg" /></a></li>
												<li><a><img src="imgs/1.jpg" /></a></li>
												<li><a><img src="imgs/2.jpg" /></a></li>
											</ul>
									</div>
									<a class="sNext" href="javascript:void(0)">→</a>
								</div>
							</div>
						</div>
						<div class="lastest_r">
							<h3 class="lastest_r_title">【家务仕】月度体验套餐</h3>
							<span class="lastest_r_price">&yen;119.00</span>
							<dl class="lastest_r_choose clearfix">
								<dt>卡类型　：</dt>
								<dd class="default">虚卡（电子卡号密码）</dd>
							</dl>
							<dl class="lastest_r_choose clearfix">
								<dt>服务时间：</dt>
								<dd id="label_date" class="fast_date service_default">2016-07-11</dd>
							</dl>
							<dl class="lastest_r_choose home_time clearfix">
								<dt>上门时间：</dt>
								<dd class="default">上午8:00-12:00</dd>
								<dd class="default">下午14:00-18:00</dd>
							</dl>
							<dl class="lastest_r_choose clearfix">
								<dt>服务地区：</dt>
								<dd class="default">合肥</dd>
							</dl>
							<dl class="lastest_r_choose lastest_r_number clearfix">
								<dt>数　　量：</dt>
								<dd class="clearfix">
									<input type="text" value="1" id="text_number">
									<div class="lastest_r_txt">
										<span class="minus">-</span>
										<span class="plus">+</span>
									</div>
								</dd>
								<dd class="lastest_r_p">库存充足 ，购买此产品可获得<span class="lastest_r_integral"> 775 </span>积分</dd>
							</dl>
							<dl class="lastest_r_choose lastest_r_evaluate clearfix">
								<dt><a href="">立即购买</a></dt>
								<dd class="lastest_r_star"><img src="imgs/wjx1.png" alt=""><em>收藏</em>
								</dd>
							</dl>
						</div>
					</div>
					<div class="slideTxtBox">
						<div class="hd">
							<ul><li>产品详情 </li><li>服务评价（60）</li></ul>
						</div>
						<div class="bd">
							<div class="last_detail">
								<img src="imgs/pic_img.gif" alt="">
								<img src="imgs/pic_img.gif" alt="">
							</div>
							<div class="lastest_evaluation">
								<div class="round_l">
									<div class="lastest_round">
										<span>100<em>%</em></span>
										<p>非常满意</p>
									</div>
								</div>
								<div class="round_r">
									<p>已经有<span>60</span>人评价此服务</p>
									<p><span>100%</span>的会员满意我们的服务</p>
								</div>
								<div class="last_assess"><a href="">我要评价</a></div>
								<div class="last_customer">
									<div class="cust_item">
										<p>很不错,服务很到位，态度也挺不错的，价格合理</p>
										<div class="clearfix">
											<div class="cust_title">
												<h3>无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2</h3>
												<span>2016-07-11</span>
											</div>
											<div class="cust_name">
												<h3>霸***宁</h3>
												<div class="cust_star"><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx1.png" alt=""></span></div>
											</div>
										</div>
									</div>
									<div class="cust_item">
										<p>很不错,服务很到位，态度也挺不错的，价格合理</p>
										<div class="clearfix">
											<div class="cust_title">
												<h3>无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2无忧保洁A2</h3>
												<span>2016-07-11</span>
											</div>
											<div class="cust_name">
												<h3>霸***宁</h3>
												<div class="cust_star"><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx.png" alt=""></span><span><img src="imgs/wjx1.png" alt=""></span></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
        </div> 
        <div class="hr_76"></div>
    </div>
    <div id="footer">
    	<div class="common_width footer">
    		<div class="hr_23"></div>
    		<form action="" class="footer_nav">
    			<table border="0">
					<tr>
						<th>家庭服务</th>
						<th>家政师</th>
						<th>培训学院</th>
						<th>个人中心</th>
						<th>加入我们</th>
					</tr>
					<tr>
						<td><a href="">家庭保洁</a></td>
						<td><a href="">月嫂</a></td>
						<td><a href="">学院简介</a></td>
						<td><a href="">我的订单</a></td>
						<td><a href="">招商加盟</a></td>
					</tr>
					<tr>
						<td><a href="">家居保养</a></td>
						<td><a href="">育婴师</a></td>
						<td><a href="">培训课程</a></td>
						<td><a href="">我的积分</a></td>
						<td><a href="">培训课程</a></td>
					</tr>
					<tr>
						<td><a href="">家电清洗</a></td>
						<td><a href="">催乳师</a></td>
						<td><a href="">学院相册</a></td>
						<td><a href="">家政预约</a></td>
						<td><a href="">服务方式</a></td>
					</tr>
					<tr>
						<td><a href="">家居洗涤</a></td>
						<td><a href="">早教师</a></td>
						<td><a href="">学院相册</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">养老陪护</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
					<tr>
						<td>&nbsp;</td>
						<td><a href="">居家保姆</a></td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
						<td>&nbsp;</td>
					</tr>
				</table>
    		</form>
    		<div class="qr_code">
    			<img src="imgs/qr_code.gif" alt="">
    			<p>扫一扫</p>
    		</div>
    	</div>
    </div>

<script>
	$(function(){
		// 商品类型选择
		$('.default').click(function() {
			$(this).toggleClass('chosen_li').siblings('.default').removeClass('chosen_li');
		})

	    // 购物车数量加减
	    var t = $("#text_number");

	    $('.plus').click(function() {
	    	t.val(parseInt(t.val())+1);
	   	 });

	    $('.minus').click(function(){
	    	if (t.val() > 1){
	    		t.val(parseInt(t.val())-1);
	    	}
	   	});
	});

	// 侧导航
	$('.new_l li').click(function() {
		$(this).children('a').addClass('new_l_active').removeClass('aa');
		$(this).siblings('.new_l li').children('a').addClass('aa').removeClass('new_l_active');
		return false;
	});

	// 最新优惠切换
	jQuery(".slideTxtBox").slide({trigger:"click"});

	//大图切换
	jQuery(".game163").slide({ titCell:".smallImg li", mainCell:".bigImg", effect:"fold", autoPlay:true,delayTime:200,
		startFun:function(i,p){
			//控制小图自动翻页
			if(i==0){ jQuery(".game163 .sPrev").click() } else if( i%4==0 ){ jQuery(".game163 .sNext").click()}
		}
	});

	//小图左滚动切换
	jQuery(".game163 .smallScroll").slide({ mainCell:"ul",delayTime:100,vis:4,scroll:4,effect:"left",autoPage:true,prevCell:".sPrev",nextCell:".sNext",pnLoop:false });

	// 收藏
	$('.lastest_r_star').click(function() {
		if(($(this).children('img').attr('src') == 'imgs/wjx1.png'))
		{
			$(this).children('img').attr('src','imgs/wjx.png')
		}else{
			$(this).children('img').attr('src','imgs/wjx1.png')
		}
	});
</script>
</body>
</html>